@charset "utf-8";
/* CSS Document */

/*header*/
.header { width: 100%; height: 60px; position: fixed; top: 0; background-color: rgba(255,255,255,.9);z-index: 9}
.header a { display: block; width: 60px; height: 60px; line-height: 60px; position: absolute; top: 0; text-align: center}
.header a.left { left: 0}
.header a.right { right: 0}
.header .logo { height: 60px; padding: 0 60px; overflow: hidden}
.header .logo img { height: 20px; margin: 0 auto; margin-top:20px;}

/*topBanner*/
.topBanner { width: 100%; height: 120px; position: relative; background-color: #eee;}
.topBanner .image { width: 100%; height: 120px; background-image: url("../images/topBanner-c.jpg"); background-position: center; background-repeat: no-repeat; background-size: auto 100%; position: fixed; top: 0; z-index: 99}
.topBanner.big,.topBanner.big .image  { height: 150px}

/*main*/
.main { max-width: 960px; margin: 0 auto;/*margin-top: 120px;*/margin-bottom: 60px;}
.main .banner,.main .bannerList { padding: 24px 0;}
.main .banner img { display: block; width: 53%; max-width: 520px; margin: 0 auto}
.main .bannerList img { display: block; width: 80%; max-width: 520px; margin: 0 auto}
.main .title-main { border-left: solid 3px #2fa8e1; margin: 10px; padding-left: 10px;}

.main .videoPlayer {}
.main .videoPlayer .title { padding: 8px 15px; font-size: 18px; position: relative}
.main .videoPlayer .title p { line-height: 1.2rem}
.main .videoPlayer .info { background-color:#fdfdfd; color:#777}
.main .videoPlayer .info p {height: 1.2rem; padding: 8px 15px; padding-bottom: 30px; overflow-y: hidden;}
.main .videoPlayer .info a { display: block; height: 17px; line-height: 17px; padding-top: 30px; margin-top: -30px; position: relative;background: url(../images/videoPlayer_info_a.png) top repeat-x;text-align: center; font-size: 12px; color:#999}

.main .audioPlayer {}
.main .audioPlayer .title { padding: 8px 15px; font-size: 18px; position: relative}
.main .audioPlayer .title p { line-height: 1.2rem}
.main .audioPlayer .info { background-color:#fdfdfd; color:#777}
.main .audioPlayer .info p {height: 1.2rem; padding: 8px 15px; padding-bottom: 30px; overflow-y: hidden;}
.main .audioPlayer .info a { display: block; height: 17px; line-height: 17px; padding-top: 30px; margin-top: -30px; position: relative;background: url(../images/videoPlayer_info_a.png) top repeat-x;text-align: center; font-size: 12px; color:#999}
.main .audioPlayer .audioControl { padding: 65px 0; margin: 0 10px;}
.main .audioPlayer .audioPlay { width: 100%;}

.main .documentPlayer {}
.main .documentPlayer .myFm { }
.main .documentPlayer .myFm img { width: 100%}
.main .documentPlayer .title { padding: 8px 15px; font-size: 18px; position: relative}
.main .documentPlayer .title p { line-height: 1.2rem}
.main .documentPlayer .info { background-color:#fdfdfd; color:#000}
/*.main .documentPlayer .info p {height: 1.2rem; padding: 8px 15px; padding-bottom: 30px; overflow-y: hidden;}
.main .documentPlayer .info a { display: block; height: 17px; line-height: 17px; padding-top: 30px; margin-top: -30px; position: relative;background: url(../images/videoPlayer_info_a.png) top repeat-x;text-align: center; font-size: 12px; color:#999}*/
.main .documentPlayer .info .tbox { overflow: hidden; margin-bottom: 2rem}
.main .documentPlayer .info .tbox dl { margin: 0.75rem}
.main .documentPlayer .info .tbox dl > dt { font-weight: bolder; padding-left: 1rem; margin-bottom: 0.25rem; position: relative}
.main .documentPlayer .info .tbox dl > dt.fontNormal { font-weight: normal}
.main .documentPlayer .info .tbox dl > dt::before {content: "\2022"; display: block; height: 1.2rem; line-height: 1.2rem; position: absolute; top: 0; left: 0;}
.main .documentPlayer .info .tbox dl > dt.nostyle::before { display: none}
.main .documentPlayer .info .tbox dl > dt.cRed::before { color: red}
.main .documentPlayer .info .tbox dl > dt > p,.main .documentPlayer .info .tbox dl > dt > .annexBtn  { margin-left: 0; margin-right: 0}
.main .documentPlayer .info .tbox dl > dd { margin-bottom: 0.75rem}
.main .documentPlayer .info .tbox ul { padding-left: 1.25rem}
.main .documentPlayer .info .tbox ul li { padding-left: 1rem; margin-bottom: 0.25rem; position: relative}
.main .documentPlayer .info .tbox ul li::before { content: "\2013"; display: block; height: 1.2rem; line-height: 1.2rem; position: absolute; top: 0; left: 0;}
.main .documentPlayer .info .tbox ul li.nostyle::before { display: none}
.main .documentPlayer .info .tbox ul li > p,.main .documentPlayer .info .tbox ul > li > .annexBtn { margin-left: 0; margin-right: 0}
.main .documentPlayer .info .tbox h1,.main .documentPlayer .info .tbox h2,.main .documentPlayer .info .tbox h3,.main .documentPlayer .info .tbox h5,.main .documentPlayer .info .tbox h6 {  margin: 0.75rem; font-size: 14px;}
.main .documentPlayer .info .tbox h1,.main .documentPlayer .info .tbox h2,.main .documentPlayer .info .tbox h3,.main .documentPlayer .info .tbox h5,.main .documentPlayer .info .tbox h6 {  margin: 0.75rem; font-size: 14px;}
.main .documentPlayer .info .tbox h1 { font-size: 18px; text-align: center}
.main .documentPlayer .info .tbox h2 { font-size: 16px; text-align: left}
.main .documentPlayer .info .tbox h3 {}
.main .documentPlayer .info .tbox h4 {}
.main .documentPlayer .info .tbox h5 { font-size: 15px;}
.main .documentPlayer .info .tbox h6 { font-size: 14px; font-weight: bolder}
.main .documentPlayer .info .tbox p { margin: 0.75rem}
.main .documentPlayer .info .tbox img { width: 100%}
.main .documentPlayer .info .tbox .box { margin-bottom: 1.5rem}
.main .documentPlayer .info .tbox .annexBtn { display: block; padding: 0.75rem;margin: 0.75rem; border-radius: 7px; background-color: #f0f0f0; color: #777; }
.main .documentPlayer .info .tbox .annexBtn.row a {display: block; margin: 5px;}
.main .documentPlayer .info .tbox table { width: 100%; width: calc(100% - 1.5rem); border-collapse: collapse; margin: 0.75rem;}
.main .documentPlayer .info .tbox table td,.main .documentPlayer .info .tbox table th {border: solid 1px #777; padding: 0.25rem}
.main .documentPlayer .info .tbox table th { background-color: #808080; color: white;}
.main .documentPlayer .info .tbox a { text-decoration:underline; color: #000}
.main .documentPlayer .info .tbox a i {margin-right: 1rem}

.owl-carousel .owl-item .itemVideo { position: relative}
.owl-carousel .owl-item .itemVideo a {display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom:0; left: 0}
.owl-carousel .owl-item .itemVideo a img { display: block; width: 25%;}
.owl-carousel .owl-item .itemVideo.pause img { display: block; width: 25%;}
.owl-carousel .owl-item .itemVideo.play img { display: none;}
.owl-theme .owl-nav.disabled+.owl-dots {padding-top: 3px;border: solid 1px #ddd;border-width: 1px 0; margin-top: 0}
    
.main .videoList { margin: 0 10px;}
.main .videoList li { border-bottom: solid 1px #ddd}
.main .videoList li a { display: block; position: relative}
.main .videoList li i { display: block;  width: 30px; height: 24px; line-height: 24px; margin-top: -12px; position: absolute; top: 50%; right: 0; text-align: center; color:#ddd}
.main .videoList .pic { width: 80px; position: absolute; left: 0; top: 10px;}
.main .videoList .pic img { width: 100%}
.main .videoList .tBox {min-height: 46px; padding: 10px; padding-left: 90px; padding-right: 30px}
/*.main .videoList .tBox .title { position: relative; line-height: 23px; max-height: 46px;overflow: hidden;}*/
.main .videoList .tBox .title { position: relative; line-height: 18px; max-height: 46px;overflow: hidden;font-size: 1rem}
.main .videoList .tBox .title.sub {font-size: 0.75rem;margin-top: 4px}

.main .audioList { margin: 0 10px;}
.main .audioList li { border-bottom: solid 1px #ddd}
.main .audioList li a { display: block; position: relative}
.main .audioList li i { display: block;  width: 30px; height: 24px; line-height: 24px; margin-top: -12px; position: absolute; top: 50%; right: 0; text-align: center; color:#ddd}
.main .audioList .pic { width: 80px; position: absolute; left: 0; top: 10px;}
.main .audioList .pic img { width: 100%}
.main .audioList .tBox {min-height: 46px; padding: 10px; padding-left: 90px; padding-right: 30px}
.main .audioList .tBox .title { position: relative; line-height: 18px; max-height: 46px;overflow: hidden;font-size: 1rem}
.main .audioList .tBox .title.sub {font-size: 0.75rem;margin-top: 4px}
/*.main .videoList .tBox .title::after{content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 40px;padding-right: 8px;
background: -webkit-linear-gradient(left, transparent, #fff 55%);
background: -o-linear-gradient(right, transparent, #fff 55%);
background: -moz-linear-gradient(right, transparent, #fff 55%);
background: linear-gradient(to right, transparent, #fff 55%);
}*/

.main .documentList { margin: 0 10px;}
.main .documentList li {}
.main .documentList li a { display: block; border-bottom: solid 1px #ddd; position: relative}
.main .documentList .pic { width: 40px; position: absolute; left: 0; top: 10px;}
.main .documentList .pic img { width: 100%}
.main .documentList .tBox {min-height: 46px; padding: 10px; padding-left: 50px; padding-right: 30px}
/*.maindocumenteoList .tBox .title { position: relative; line-height: 23px; max-height: 46px;overflow: hidden;}*/
.main .documentList .tBox .title { position: relative; line-height: 18px; max-height: 46px;overflow: hidden;font-size: 1rem}
.main .documentList .tBox .title.sub {font-size: 0.75rem;margin-top: 4px}
.main .documentList dl.menu-sub { display: none}
.main .documentList dl.menu-sub dt {}
.main .documentList dl.menu-sub dt a { display: block; padding: 10px 30px 10px 50px;}
.main .documentList dl.menu-sub dt i { display: inline-block; font-size: 12px;}
.main .documentList dl.menu-sub dt span { margin-left: 10px;}
.main .documentList dl.menu-sub dd { display: none}
.main .documentList dl.menu-sub dd ul {}
.main .documentList dl.menu-sub dd ul li {}
.main .documentList dl.menu-sub dd ul li a { display: block; padding: 10px 30px 10px calc(50px + 12px + 10px);}
.main .documentList dl.menu-sub dd ul li i { color: #ffbb00}


.main .otherList { text-align: center}
.main .otherList a { display: inline-block; padding: 5px 15px; margin: 20px 0; border: solid 1px #ddd; border-radius: 3px; background-color:#fdfdfd; color:#777}

/*albumList*/
.albumList { background-color: #fff}
.albumList li { padding: 30px 0; border-bottom: solid 1px #ddd}
.albumList li .album {width: 80%; max-width: 640px; margin: 0 auto;}
.albumList li img { display: block; width: 100%;}
.albumList li p { margin-top: 10px; color: #999; text-align: center; font-size: 12px;}

/*login*/
.login { width: 100%; position: fixed; left: 0; bottom:7%; overflow: hidden}
.enterBar {width: 80%; max-width: 640px; border: solid 1px #ddd; border-radius: 5px; margin: 0 auto;overflow: hidden; margin-bottom: 20px;}
.enterBar input { display: block; width: 96%; height: 44px; line-height: 44px; padding: 0 2%}
.enterBtn {width: 80%; max-width: 640px; border-radius: 5px; margin: 0 auto; overflow: hidden;}
.enterBtn a { display: block; width: 100%; height: 44px; line-height: 44px; color: #fff; background-color: #333; text-align: center}
.enterBtn a:hover { transition: background; background-color: #000;}

/*win*/
.win { width: 100vw; height: 100vh; background-color: rgba(0,0,0,.75); position: fixed; top: 0; left: 0;}
.winMain { width: 88vw; height: 90vh; position: absolute; top: 5vh; left: 6vw; background-color: #fff;}

/*video*/
.video-js .vjs-big-play-button {
	font-size: 2.5em;
	line-height: 2.3em;
	height: 2.5em;
	width: 2.5em;
	-webkit-border-radius: 2.5em;
	-moz-border-radius: 2.5em;
	border-radius: 2.5em;
	background-color: #73859f;
	background-color: rgba(115,133,159,.5);
	border-width: 0.15em;
	margin-top: -1.25em;
	margin-left: -1.75em;
}
/* 中间的播放箭头 */
.vjs-big-play-button .vjs-icon-placeholder {
	font-size: 1.63em;
}
/* 加载圆圈 */
.vjs-loading-spinner {
	font-size: 2.5em;
	width: 2em;
	height: 2em;
	border-radius: 1em;
	margin-top: -1em;
	margin-left: -1.5em;
}